import Vue from 'vue'
import App from './App.vue'
// 全局引入element-ui
import ElementUI from 'element-ui';
//按需引入
// import {Row,Button } from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
//引入router
import router from './router'
import store from './store'
// import Vuex from 'vuex'
import Cookie from 'js-cookie'

//引入mock
import './api/mock'


Vue.config.productionTip = false

//全局使用
Vue.use(ElementUI);

// Vuex.use(vuex)

//按需引入
// Vue.use(Row)
// Vue.use(Button)

//添加全局前置导航守卫
router.beforeEach((to, from, next) => {
  //判断token存不存在
  const token = Cookie.get('token')
  //token不存在，说明当前用户是未登录，应该跳转至登录页
  if(!token && to.name !== 'login'){
    next({name:'login'})
  } else if(token && to.name ==='login'){
    //token存在，说明用户登录，此时跳转至首页
    next({name:'home'})
  }else{
    next()
  }

})

//刷新的时候会重新初始化Vue实例
new Vue({
  // 4. 创建和挂载根实例。
  router,
  store,
  render: h => h(App),
  created(){
    store.commit('addMenu',router)
  }
}).$mount('#app')
